<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../../js/own/css/modules/own.iconfont.css" />
    <link rel="stylesheet" href="../../js/own/css/modules/own.navigation.css" />
    <script type="application/javascript" src="../../js/own/own.js?animate,nav" >
        own.nav._init();
        own.event.add('nav','click',function(e){
            // console.log(e[2].className);
        });
    </script>
</head>
<body class="own" >
    <div class="own-container own-fluid" >
        <div class="own-nav" own-filter="nav" >
            <ul class="own-nav-ul" >
                <li class="own-nav-li">
                    <a href="#" class="own-nav-a" >
                        <i class="own-nav-ico iconfont icon-account" ></i>
                        1
                    </a>
                    <ul class="own-nav-ul">
                        <li class="own-nav-li">
                            <a href="#" class="own-nav-a" >3</a>
                            <ul class="own-nav-ul">
                                <li class="own-nav-li"><a href="#" class="own-nav-a" >2</a></li>
                                <li class="own-nav-li"><a href="#" class="own-nav-a" >3</a></li>
                            </ul>
                        </li>
                        <li class="own-nav-li"><a href="#" class="own-nav-a" ><i class="own-nav-ico iconfont icon-account" ></i>3</a></li>
                    </ul>
                </li>
                <li class="own-nav-li">
                    <a href="#" class="own-nav-a" ><i class="own-nav-ico iconfont icon-account" ></i>4</a>
                    <ul class="own-nav-ul">
                        <li class="own-nav-li">
                            <a href="#" class="own-nav-a" >3</a>
                            <ul class="own-nav-ul">
                                <li class="own-nav-li"><a href="#" class="own-nav-a" >2</a></li>
                                <li class="own-nav-li"><a href="#" class="own-nav-a" >3</a></li>
                            </ul>
                        </li>
                        <li class="own-nav-li"><a href="#" class="own-nav-a" ><i class="own-nav-ico iconfont icon-account" ></i>3</a></li>
                    </ul>
                </li>
                <li class="own-nav-li"><a href="#" class="own-nav-a" ><i class="own-nav-ico iconfont icon-account" ></i>5</a></li>
            </ul>
        </div>
        <br />
        <div class="own-nav own-nav-horizontal" own-filter="nav" >
            <ul class="own-nav-ul" >
                <li class="own-nav-li">
                    <a href="#" class="own-nav-a" >
                        <i class="own-nav-ico iconfont icon-account" ></i>
                        1
                    </a>
                    <ul class="own-nav-ul">
                        <li class="own-nav-li">
                            <a href="#" class="own-nav-a" >3</a>
                            <ul class="own-nav-ul">
                                <li class="own-nav-li"><a href="#" class="own-nav-a" >2</a></li>
                                <li class="own-nav-li"><a href="#" class="own-nav-a" >3</a></li>
                            </ul>
                        </li>
                        <li class="own-nav-li"><a href="#" class="own-nav-a" ><i class="own-nav-ico iconfont icon-account" ></i>3</a></li>
                    </ul>
                </li>
                <li class="own-nav-li">
                    <a href="#" class="own-nav-a" ><i class="own-nav-ico iconfont icon-account" ></i>4</a>
                    <ul class="own-nav-ul">
                        <li class="own-nav-li">
                            <a href="#" class="own-nav-a" >3</a>
                            <ul class="own-nav-ul">
                                <li class="own-nav-li"><a href="#" class="own-nav-a" >2</a></li>
                                <li class="own-nav-li"><a href="#" class="own-nav-a" >3</a></li>
                            </ul>
                        </li>
                        <li class="own-nav-li"><a href="#" class="own-nav-a" ><i class="own-nav-ico iconfont icon-account" ></i>3</a></li>
                    </ul>
                </li>
                <li class="own-nav-li"><a href="#" class="own-nav-a" ><i class="own-nav-ico iconfont icon-account" ></i>5</a></li>
                <li class="own-nav-li"><a href="#" class="own-nav-a" ><i class="own-nav-ico iconfont icon-account" ></i>5</a></li>
                <li class="own-nav-li"><a href="#" class="own-nav-a" ><i class="own-nav-ico iconfont icon-account" ></i>5</a></li>
            </ul>
        </div>
    </div>
</body>
</html>